<template>
	<div>
		<el-row>
			<el-col :span="24">
				<el-card>
					<div slot="header">
						<span>服务订单</span>
					</div>
					<div >
						<el-col :span='8'>
							<p>￥{{goods.sum}}</p>
							<p>已成交订单总额</p>
						</el-col>
						<el-col :span='8'>
							<p>{{goods.num}}</p>
							<p>已成交订单数</p>
						</el-col>
						<el-col :span='8'>
							<p>{{goods.numFalse}}</p>
							<p>未成交订单数</p>
						</el-col>
					</div>
				</el-card>
				<el-card>
					<div slot="header">
						<span>洗车卡订单</span>
					</div>
					<div >
						<el-col :span='8'>
							<p>￥{{car.sum}}</p>
							<p>已成交订单总额</p>
						</el-col>
						<el-col :span='8'>
							<p>{{car.num}}</p>
							<p>已成交订单数</p>
						</el-col>
						<el-col :span='8'>
							<p>{{car.numFalse}}</p>
							<p>未成交订单数</p>
						</el-col>
					</div>
				</el-card>
				<el-card>
					<div slot="header">
						<span>保险订单</span>
					</div>
					<div >
						<el-col :span='8'>
							<p>￥{{insu.sum}}</p>
							<p>已成交订单总额</p>
						</el-col>
						<el-col :span='8'>
							<p>{{insu.num}}</p>
							<p>已成交订单数</p>
						</el-col>
						<el-col :span='8'>
							<p>{{insu.numFalse}}</p>
							<p>未成交订单数</p>
						</el-col>
					</div>
				</el-card>
			</el-col>
		</el-row>

	</div>
</template>

<script>
	import http from 'assets/js/http.js'

	export default {
		components: {

		},
		data() {
			return {
				goods: {},
				car: {},
				insu: {},
				
			}
		},
		created() {
			this.init()
			
		},
		methods: {
			init() {
				// 基本数据获取
				this.tableData()
			},
			tableData() {
				// 表格数据
				const data = {
					
				}
				// 请求地址
				let url = '/AdminApi/CaiWu/caiwuInfo'
				this.apiPost(url, data).then(res => {
					this.handelResponse(res, data => {
						this.goods = data.goods
						this.car = data.car
						this.insu = data.insu
						_g.closeGlobalLoading()
					})
				})
			},
			
		},
		mixins: [http]
	}
</script>

<style scoped>
</style>